<template>
  <el-tabs>
      <el-form :inline=true :model="from">
        <el-form-item label="选择用户">
          <el-input placeholder="王小明" v-model="user"></el-input>
        </el-form-item>
        <el-form-item>
          <el-date-picker
            v-model="value"
            type="monthrange"
            range-separator="至"
            start-placeholder="开始月份"
            end-placeholder="结束月份">
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
      </el-form>
    <el-row>
      <el-table
        :data="tableData"
        style="width: 100%"
        border
        stripe
        :highlight-current-row="true"
      >
        <el-table-column prop="number" align="center" label="用户账号" />
        <el-table-column prop="name" align="center" label="用户姓名" />
        <el-table-column prop="type" align="center" width="180" label="日程类型"/>
        <el-table-column prop="mo" align="center" label="模块" />
        <el-table-column prop="log" align="center" label="日志" />
        <el-table-column prop="time" align="center" label="操作时间" />
      </el-table>
    </el-row>
    <el-pagination
      class="text-right"
      background
      :current-page="1"
      :page-sizes="[20,]"
      :page-size="20"
      layout="total, sizes, prev, pager, next, jumper"
      :total="200"
    />
  </el-tabs>
</template>

<script>
    export default {
        name: "logger",
      data(){
          return{
            user: '',
            value: '',
            tableData:[
              {
                number: 18667,
                name: '王小明',
                type: '删除',
                mo: '门户管理',
                log: '删除关于我们',
                time: '2019-07-23  07：52：54',
              },
            ]
          }
      }
    }
</script>

<style scoped>
.text-right{
  float: right;
}
</style>
